<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="/static/wap/css/main.css">
    <link rel="stylesheet" type="text/css" href="/static/wap/css/swiper-4.2.2.min.css">
    <link rel="stylesheet" type="text/css" href="/static/wap/css/alert.css">
    <style type="text/css">
        @font-face {
            font-family: "YourFont";
            src: url(/static/wap/img/DINMittelschrift.otf);
        }
        @font-face {
            font-family: "YourFont1";
            src: url(/static/wap/img/343DD8_0_0.woff2.ttf);
        }
        @font-face {
            font-family: "YourFont2";
            src: url(/static/wap/img/DINMittelschrift-Alternate.otf);
        }
        .customfont { 
            font-family: "YourFont", Helvetica, Arial;
        }
        .customfont1{
            font-family: "YourFont1", Helvetica, Arial;
        }
        .customfont2{
            font-family: "YourFont2", Helvetica, Arial;
        }
        .swiper-pagination-bullet{background: #FFFFFF;}
        
    </style>
    <script>
        function resize() {
            var htmlEle = document.documentElement;
                            
            var htmlWidth = window.innerWidth;
                htmlEle.style.fontSize = 20 / 640 * htmlWidth + 'px';
            } resize();

    </script>
</head>
<body>
     {include file="public/header" /}
    
    <!--banner-->
    <div class="banner">
        <ul class="swiper-wrapper clearfix">
            
            
            {volist name="$data_banner" id="v"}
            
             <li class="swiper-slide">
                <a class="pc-banner" href = "{$v.out_link}"> <img style="width:100%;display: block;"  src="{$v.banner_img}" /></a>
            </li>
                                  {/volist}
            
           
        </ul>
        <div class="swiper-pagination">
        </div>  
    </div>
    <!--nav-->
    <div class="lb-1">
        <a href="/">
            <div class="lb-1-1">
                <img src="/static/wap/img/tb-1.png" alt="">
                <p>首  页</p>
            </div>
        </a>
        <a href="/wap.php/star/index/style_id/56">
            <div class="lb-1-1">
                <img src="/static/wap/img/tb-2.png" alt="">
                <p>拍摄风格</p>
            </div>
        </a> 
        <a href="/wap.php/Kepds/index/id/37">
            <div class="lb-1-1">
                <img src="/static/wap/img/tb-3.png" alt="">
                <p>客片大赏</p>
            </div>
        </a> 
        <a href="/wap.php/jdhome">
            <div class="lb-1-1">
                <img src="/static/wap/img/tb-4.png" alt="">
                <p>最新发布</p>
            </div>
        </a> 
        <a href="#">
            <div class="lb-1-1">
                <img src="/static/wap/img/tb-5.png" alt="">
                <p>客户口碑</p>
            </div>
        </a> 
        <a href="#">
            <div class="lb-1-1">
                <img src="/static/wap/img/tb-6.png" alt="">
                <p>预约拍摄</p>
            </div>
        </a>  
    </div>
    <div class="lb-2">
        <div class="lb-2-1">
            <a href="#">
                <img src="/static/wap/img/yhzx.jpg" alt="">
            </a>
            <a href="#">
                <img src="/static/wap/img/zzbj.jpg" alt="">
            </a>
        </div>
        <div class="lb-2-2">
            <a href="#">
                <img src="/static/wap/img/zskp.jpg" alt="">
            </a>
        </div>
        <div class="lb-2-2">
            <a href="#">
                <img src="/static/wap/img/gyfdm.jpg" alt="">
            </a>
        </div>
    </div>
    <div class="yslb">
        <img src="/static/wap/img/ys-1.png" alt="">
    </div>
    <div class="yslb">
        <a href="#"><img src="/static/wap/img/style-1.jpg" alt=""></a> 
    </div>
    <div class="yslb">
        <img src="/static/wap/img/ys-2.png" alt="">
    </div>
    <div class="yslb">
        <a href="#"><img src="/static/wap/img/style-2.jpg" alt=""></a> 
    </div>
    <div class="yslb">
        <img src="/static/wap/img/ys-3.png" alt="">
    </div>
    <div class="yslb">
        <a href="#"><img src="/static/wap/img/style-3.jpg" alt=""></a> 
    </div>
    <div class="yslb">
        <img src="/static/wap/img/ys-4.png" alt="">
    </div>
    <div class="yslb">
        <a href="#"><img src="/static/wap/img/style-4.jpg" alt=""></a> 
    </div>
   
    
    
 {include file="public/foot" /}

</body>
<script src="/static/wap/js/jquery-1.9.0.min.js"></script>
<script src="/static/wap/js/swiper.min.js" ></script>
<script src="/static/wap/js/alert.js"></script>
<script src="/static/wap/js/main.js" ></script>
<script type="text/javascript" src="/static/wap/js/iscroll.js"></script>
<script type="text/javascript" src="/static/wap/js/navbarscroll.js"></script>
<script type="text/javascript" src="/static/wap/js/1.js"></script>
<script>
    var bswiper = new Swiper('.banner', {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    spaceBetween: 0,
    autoplay :3000,
    loop:true,
    });
    var bswiper1 = new Swiper('.main-3-banner', {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    spaceBetween: 0,
    autoplay :3000,
    loop:true,
    });
    
    $(function(){

        $('.wrapper02').navbarscroll1();
    });    
       
</script>
<!-- <script type="text/javascript">
    var options = {
    useEasing : true, 
    useGrouping : true, 
    separator : ',', 
    decimal : '.', 
    prefix : '', 
    suffix : '' 
    };
    var demo = new CountUp("myTargetElement", 0, 5906851, 0, 2.5, options);
    $(window).scroll(function(){
        if($(window).scrollTop()>=900){
            demo.start();
        }
    })
</script> -->
</html>